<template>
    <div class="bg-accpunt-pages">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="dropdown pull-right mt-3">
                        <a class="dropdown-toggle text-white" data-toggle="dropdown" href="#">
                            <i class="mdi mdi-earth"></i> {{lang()}}
                        </a>
                        <div class="dropdown-menu dropdown-menu-right">
                            <a href="#" class="dropdown-item"
                               v-for="locale in locales"
                               @click="changeLocale(locale.code)"
                               :key="locale.code">{{locale.lang}}</a>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12">
                    <div class="wrapper-page">
                        <router-view />
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>